<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap-1.3.0/bootstrap.min.css'}">
		<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
		<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/crud.css'}">
		<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/style.css'}">
        #{get 'moreStyles' /}
        <script src="@{'/public/javascripts/jquery-1.5.2.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        #{get 'moreScripts' /}
    </head>
    
<!-- aca empieza la parte custom -->
		<link rel="shortcut icon" type="image/png" href="@{'/public/images/logo.png'}">
	<body>
		
		<header>
			<div id="aLogo" style="height: 425px;">
				<img src="/public/images/logo.png" alt="aDieta"> <span>&{'app.nombre'}</span>
			</div>
			<div class="clearfix"></div>
		</header>
		
<!--         <div class="topbar"> -->
<!--             <div class="fill"> -->
<!--                 <div class="container"> -->
<!--                     <h3><a href="@{securesocial.SecureSocial.login()}">SecureSocial Module</a></h3> -->
                    
<!--                 </div> -->
<!--             </div> -->
<!--         </div> -->
        <div style="padding-top: 50px;">
            <div class="row">
                <div class="columns">
                    #{doLayout /}
                </div>
            </div>
        </div>
		
		<footer>
			<img src="/public/images/logo2.png" alt="aDieta" />
			<div id="copyright">Copyright (c) aDieta 2012</div>
		</footer>
    </body>
</html>
